<style type="text/css">
    .col-sm-2{
        width: 15%;
    }
    .fr{
        float: none;
    }
    table.dataTable th{
        text-align: center;
    }
    .btn-yellow{
        margin-bottom: 0;
        border-radius: 8px;
    }
    input[type='search']{
        border-radius: 8px;
    }
    .searchCreateTime{
        border-radius: 8px;
    }
    .table-striped>tbody>tr.changeColor{
        background-color: red;
        color: white;
    }
    .form-inline .form-control{
        border-radius: 8px;
    }
    .btn{
        border-radius: 8px;
    }
</style>
<div ng-controller="firstExamineCtrl">
    <div class="panel-body" style=" background: #fff; margin-top: 1px;">
            <form class="form-group">
                <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_landlordPhone" placeholder="房东手机号" />
                </div>
                <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_areaName" placeholder="请输入小区名称" />
                </div>
                <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_roomCode" placeholder="请输入房间号" />
                </div>
                <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_landlordName" placeholder="房东姓名" />
                </div>        
                <div class="col-sm-2">
                    <ui-select ng-model="houseProcessStatus.selected" theme="bootstrap">
                        <ui-select-match placeholder="请选择审核状态" style="overflow: hidden; border-radius: 8px;">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in checkTypeArray | filter: $select.search">
                            <div style="height: 30px; line-height: 30px; padding-left: 30px;" ng-bind="item.name | filter: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <div class="clear"></div>
            </form>

            <div ng-controller="ContractTimeCtrl" style="margin-top: 25px;">
                <div class="col-sm-2">
                    <div class="input-group pull-left">
                      <input type="text" class="form-control searchCreateTime" placeholder="创建时间" datepicker-popup="{{format}}" ng-model="contractStartDate" is-open="openContractBeginDated" datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
                      <span class="input-group-btn">
                        <button style=" border-left: none;height: 43px;" type="button" class="btn btn-default" ng-click="openContractBeginDate($event)"><img src="img/deta.png"></button>
                      </span>
                    </div>
                </div>
                <div class="pull-left time-line">—</div>
                <div class="col-sm-2">
                    <div class="input-group pull-left">
                      <input type="text" class="form-control searchCreateTime" placeholder="创建时间" datepicker-popup="{{format}}" ng-model="contractEndDate" is-open="openContractEndDated" datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
                      <span class="input-group-btn">
                        <button style=" border-left: none; height: 43px;" type="button" class="btn btn-default" ng-click="openContractEndDate($event)"><img src="img/deta.png"></button>
                      </span>
                    </div>
                </div>
                <div class="col-sm-2">
                    <ui-select ng-model="provinceId.selected" theme="bootstrap">
                        <ui-select-match placeholder="请选择省份" style="overflow: hidden; border-radius: 8px;">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in provinceList | filter: $select.search">
                            <div style="height: 30px; line-height: 30px; padding-left: 30px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseProvince($index,provinceList)"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <div class="col-sm-2">
                    <ui-select ng-model="cityId.selected" theme="bootstrap">
                        <ui-select-match placeholder="请选择城市" style="overflow: hidden; border-radius: 8px;">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in cityList | filter: $select.search">
                            <div style="height: 30px; line-height: 30px; padding-left: 30px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseCity($index,cityList)"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <button class="btn-yellow" ng-click="queryUser()" style="background: #FA6F39; margin-left: 15px; margin-top: 5px; width: 90px;">查询</button>    
                <button class="btn-yellow" ng-click="resetUser()" style="margin-left: 20px; width: 90px;">重置</button>
            </div>
        </div>
    <div class="wrapper-md">
        <div class="cover-bg" ng-show="isCoverBgShow" ng-click="coverBgHide()"></div>
        <div class="row">
            <div class="col-md-12">
                <div class="export-button">
                    <button type="button" data-btn="btns.batchExportImg" ng-click="exportImg()" style="border-radius: 8px;">批量导出图片</button>
                    <button style="margin-left: 20px; border-radius: 8px;" data-btn="btns.exportExcel" type="button" ng-click="exportExcel()">导出excel</button>
                    <button style="margin-left: 20px; border-radius: 8px;" data-btn="btns.batchClaim" type="button" ng-click="largeClaim()">批量认领</button>
                    <button style="margin-left: 20px; border-radius: 8px;" data-btn="btns.batchApproval" type="button" ng-click="firstLargeExamine()">批量审批</button>
                </div>
                <div class="panel panel-default">               
                    <div class="table-responsive" id="tablefirstList" >
                        <table ui-jq="dataTable" ui-options="dataTableFirstList"  ui-callback="initFinishHouseList" class="table table-striped m-b-none">
                            <thead style="background: #E0E2EB;">
                                <tr>    
                                    <th>
                                        <input type="checkbox" ng-click="allMenu($event)"  class="" />
                                    </th>        
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>                       
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>